<template>
	<div class="nodata tac">
		<img class="shop_null" :style="classStyle"
		  v-if="nullName !=''" src="../assets/img/nodata.png" :mode="mode" />
		<slot name="title"></slot>
		<div class="tac tittle-h15 gray fs12 flex-box" :style="'color:' + titleColor">
			{{title ? title : '暂无数据'}}
		</div>
		<slot name="click-title"></slot>
	</div>
</template>

<script>
	export default {
		props: {
			title: {
			  type: String,
			  default: ''
			},
			nullName: {
			  type: String,
			  default: ''
			},
			classStyle: {
			  type: [Object,String],
			  default: ()=>{
				  width:'54px';
				  height:'53px';
			  }
			},
			titleColor: {
			  type: String,
			  default: ''
			},
			mode: {
			  type: String,
			  default: 'aspectFill',
			}
		},
		data() {
			return {
			};
		},
		created() {
		},
	}
</script>

<style lang="less" scoped>
.nodata{
	color: #999;
	.shop_null{
		margin: 30px auto 18px;
		width: 120px;
		height: 120px;
	}
	.titleColor{

	}
  .tittle-h12{
    height: 15px;
    line-height: 15px;
  }
}
</style>
